<template>
	<view class="container">
		<view style="display: flex; justify-content: space-between;">
			<view class="header">活动名称1</view>
			<view class="content">分享活动</view>
		</view>
		<view class="info">活动来源
			<view style="color: black; padding-top: 5px;">
				派发
			</view>
		</view>
		<view class="info">活动时间
			<view style="color: black; margin-top: 10px">计划开始日期：2023/03/29
			</view>
			<view style="color: black; padding-top: 5px;">
				计划结束日期：2023/03/29
			</view>
			<view style="color: black; padding-top: 5px;">合计时长：1天</view>
		</view>
		<view class="info">活动区域
			<view style="color: black; margin-top: 5px">
				湖北省/武汉市/洪山区
			</view>
		</view>
		<view class="info">
			活动牵头宣传组 
		<view style="color: black; margin-top: 5px">
			宣传组名称
		</view>
		</view>
		<view class="info">
			<view class="info">基本信息填写</view>
			<view class="info">
				<view class="info" style="color: black">
					职工号<text style="color: red;">*</text>
				</view>
				<input type="text" value="10001"  />
			</view>
			<view class="info">
				<view class="info" style="color: black;">
					姓名<text style="color: red;">*</text>
				</view>
				<input type="text" value="李明">
			</view>

			<view class="info">
			<view class="info" style="color: black;">
				单位<text style="color: red;">*</text>
			</view>
				<input type="text" value="A单位">
			</view>
			<view class="info">
			<view class="info" style="color: black;">
				职务<text style="color: red;">*</text>
			</view>
				<input type="text" value="A职务" style="background-color: #fff;">
			</view>
			<view class="info">
			<view class="info" style="color: black;">
				职称<text style="color: red;">*</text>
			</view>
				<input type="text" value="A职称" style="background-color: #fff;">
			</view>
			<view class="info">
			<view class="info" style="color: black;">
				联系方式<text style="color: red;">*</text>
			</view>
				<input type="text" value="15884418478" style="background-color: #fff;">
			</view>
			<view class="info">
			<view class="info" style="color: black;">
				毕业中学<text style="color: red;">*</text>
			</view>
				<input type="text" value="请选择毕业学生" style="background-color: #fff;">
			</view>
			<view class="info">
			<view class="info" style="color: black;">
				籍贯<text style="color: red;">*</text>:
			</view>
				<input type="text" value="请选择籍贯" style="background-color: #fff; margin-bottom: 40px;">
			</view>
		</view>
     <button @click="clicka" type="default" style="background-color:#487fff; color: #fff; margin-top: 20px; margin-left: 5px; margin-right: 5px;">立即报名</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
		methods: {
			clicka() {
				uni.navigateTo({
					url: "/pages/registered/registered"
				})
			}
		}
	};
</script>

<style scoped>
	page {
		background-color: #efeff4;
	}

	.header {
		font-size: 24px;
		margin-top: 20px;
		font-size: 30px;
		margin-bottom: 20px;
	}

	.content {
		color: #0000ff;
		padding-right: 20px;
		line-height: 60px;
	}

	.info {
		font-size: 16px;
		margin-bottom: 10px;
		background-color: #fff;
		padding: 5px;
		color: #666666;
	}
	.info input {
		background-color: #cccccc;
		color:#000;
		height: 30px;
		border-radius: 5px;
		padding-left: 5px;
		border:1px solid #cccccc;
	}
</style>